<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/css.css">
</head>
<body>
    <div class="box1">
        <h1 class="title">任务管理中心</h1>
        <div class="box2">
            <form action="#">
                <input type="text" class="input1">
                <button class="btn1">添加任务</button>
            </form>
            
        </div>
        <ul class="ul1">
            <li id="1" class="showLi">全部任务</li>
            <li id="2">工作</li>
            <li id="3">学习</li>
            <li id="4">生活</li>
        </ul>   
        <div class="box3">
            <div id="all" class="showDiv">
                <p>暂无任务，先添加一个吧</p>
                <form action="#"  class="hide">                     
                    <input type="checkbox" class="ch"/>&nbsp;&nbsp;
                    <p class="ptext"></p>
                    <p class="tag"></p>
                    <button class="xg">修改</button>
                    <button class="del">删除</button>
                </form>
            </div>
            <div id="work">
                <p>暂无任务，先添加一个吧</p>
                <form action="#" class="hide">            
                    <input type="checkbox" class="ch"/>&nbsp;&nbsp;
                    <p class="ptext"></p>
                    <p class="tag"></p>
                    <button class="xg">修改</button>
                    <button class="del">删除</button>
                </form>
            </div>
            <div id="study">
                <p>暂无任务，先添加一个吧</p>
                <form action="#" class="hide">            
                    <input type="checkbox" class="ch"/>&nbsp;&nbsp;
                    <p class="ptext"></p>
                    <p class="tag"></p>
                    <button class="xg">修改</button>
                    <button class="del">删除</button>
                </form>
            </div>
            <div id="life">
                <p>暂无任务，先添加一个吧</p>
                <form action="#" class="hide">            
                    <input type="checkbox" class="ch"/>&nbsp;&nbsp;
                    <p class="ptext"></p>
                    <p class="tag"></p>
                    <button class="xg">修改</button>
                    <button class="del">删除</button>
                </form>
            </div>
        </div>
        <div class="box4">
            <p class="p1">总任务：</p>
            <p class="p2">已完成：</p>
        </div>
    </div>
    <button class="life">按钮</button>
    <script src="./js/js.js"></script>
</body>
</html>